<template>
  <div id="app">
    <Header></Header>
    <router-view></router-view>
    <Footer v-show="!$route.meta.hideFooter"></Footer>
  </div>
</template>

<script>
import Header from "components/Header";
import Footer from "components/Footer";
import {mapActions,mapMutations} from "vuex"
export default {
  name: 'App',
  data(){
    return {
      page:6,
      value:true
    }
  },
  methods:{
    ...mapActions(["getCategoryList","getBanners","getFloors"]),
    changeCurrentPage(page){
      console.log(page);
    }
  },
  components:{
    Header,
    Footer
  },
  created(){
    //在app.vue中我们一般只会去获取主页相关的数据
    //触发获取三级分类内容的action
    this.getCategoryList();
    //触发获取轮播内容的action
    this.getBanners()
    //触发获取楼层内容的action
    this.getFloors()
  },
  mounted(){
    setTimeout(()=>{
      this.page = 9
    },2000)
  }
}
</script>

<style scoped lang="less">

</style>
